<template>
  <div class="home">
    <Top-view />
    <sales-view />
    <bottom-view />
    <map-view />
  </div>
</template>

<script>
import TopView from './components/TopView'
import SalesView from './components/SalesView'
import BottomView from './components/BottomView'
import MapView from './components/MapView'
// import { test } from "../api";
// 模拟获取的数据
import { BMapScatterData } from './static/response'
export default {
  name: 'Home',
  components: {
    TopView,
    SalesView,
    BottomView,
    MapView
  },
  mounted() {
    // console.log(BMapScatter);
    // test().catch(err => {
    //   console.error(err);
    // });
  },
  // 向下层发送数据
  provide() {
    return {
      getBMapScatterData: this.getBMapScatterData,
      BMapScatterData
    }
  }
}
</script>
<style>
.home {
  width: 100%;
  /* height: 100%; */
  padding: 20px;
  background: #eee;
  box-sizing: border-box;
}
</style>
